﻿<navigation:Page x:Class="Behavior.About" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:navigation="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation" mc:Ignorable="d" d:DesignWidth="640" d:DesignHeight="480" Title="关于" Style="{StaticResource PageStyle}">

    <Grid x:Name="LayoutRoot"
        xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity"
        xmlns:ic="clr-namespace:Microsoft.Expression.Interactivity.Core;assembly=Microsoft.Expression.Interactions" 
        xmlns:localBehavior="clr-namespace:Behavior" 
          Background="Black"
          >
        <Grid.Resources>
            <Style x:Key="OpenCloseToggleButtonStyle" TargetType="ToggleButton">
                <Setter Property="Background" Value="#FF1F3B53"/>
                <Setter Property="Foreground" Value="#FF000000"/>
                <Setter Property="Padding" Value="3"/>
                <Setter Property="BorderThickness" Value="1"/>
                <Setter Property="BorderBrush">
                    <Setter.Value>
                        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                            <GradientStop Color="#FFA3AEB9" Offset="0"/>
                            <GradientStop Color="#FF8399A9" Offset="0.375"/>
                            <GradientStop Color="#FF718597" Offset="0.375"/>
                            <GradientStop Color="#FF617584" Offset="1"/>
                        </LinearGradientBrush>
                    </Setter.Value>
                </Setter>
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="ToggleButton">
                            <Grid>
                                <VisualStateManager.VisualStateGroups>
                                    <VisualStateGroup x:Name="CommonStates">
                                        <VisualState x:Name="Normal"/>
                                        <VisualState x:Name="MouseOver"/>
                                        <VisualState x:Name="Pressed"/>
                                        <VisualState x:Name="Disabled"/>
                                    </VisualStateGroup>
                                    <VisualStateGroup x:Name="CheckStates">
                                        <VisualState x:Name="Checked">
                                            <Storyboard>
                                                <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Arrow" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)">
                                                    <EasingDoubleKeyFrame KeyTime="00:00:00.5000000" Value="-1"/>
                                                </DoubleAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Unchecked">
                                            <Storyboard/>
                                        </VisualState>
                                    </VisualStateGroup>
                                    <VisualStateGroup x:Name="FocusStates">
                                        <VisualState x:Name="Focused"/>
                                        <VisualState x:Name="Unfocused"/>
                                    </VisualStateGroup>
                                </VisualStateManager.VisualStateGroups>
                                <Grid.Background>
                                    <SolidColorBrush/>
                                </Grid.Background>
                                <Path x:Name="Arrow" Fill="White" Stretch="Fill" StrokeThickness="3" Margin="11.875,3,1.125,3.167" RenderTransformOrigin="0.405405405908823,0.499999998132482" UseLayoutRounding="False" Data="M14,0 L15,63.833 L37,32.411846 z M12,32.5 C12,33.880711 10.880713,35 9.5,35 C8.1192884,35 7,33.880711 7,32.5 C7,31.119287 8.1192884,30 9.5,30 C10.880713,30 12,31.119287 12,32.5 z M5,32.5 C5,33.880711 3.8807116,35 2.5,35 C1.1192884,35 0,33.880711 0,32.5 C0,31.119287 1.1192884,30 2.5,30 C3.8807116,30 5,31.119287 5,32.5 z" d:LayoutOverrides="HorizontalAlignment">
                                    <Path.RenderTransform>
                                        <TransformGroup>
                                            <ScaleTransform/>
                                            <SkewTransform/>
                                            <RotateTransform/>
                                            <TranslateTransform/>
                                        </TransformGroup>
                                    </Path.RenderTransform>
                                </Path>
                            </Grid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
        </Grid.Resources>
        <ScrollViewer x:Name="PageScrollViewer" Style="{StaticResource PageScrollViewerStyle}">

            <StackPanel x:Name="ContentStackPanel">

                <TextBlock x:Name="HeaderText" Style="{StaticResource HeaderTextStyle}" Text="关于"/>
                <TextBlock x:Name="ContentText" Style="{StaticResource ContentTextStyle}" Text="关于页内容"/>
                <TextBox x:Name="tt"  ></TextBox>
                <Slider  IsHitTestVisible="True"  Value="{Binding ElementName=tt, Path=Text, Mode=TwoWay}" Maximum="9999">

                    <i:Interaction.Behaviors>
                        <localBehavior:SnappingSlider></localBehavior:SnappingSlider>
                    </i:Interaction.Behaviors>
                </Slider>
                <ToggleButton Height="73" Style="{StaticResource OpenCloseToggleButtonStyle}" Width="86">

                </ToggleButton>

                <Button   x:Name="tempTest">
                    <Button.Template>
                        <ControlTemplate   xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation' xmlns:x='http://schemas.microsoft.com/winfx/2006/xaml'>
                            <Grid Grid.Column='1' Width='24' Height='24'>
                                <Ellipse Width='17' Height='17'>
                                    <Ellipse.Fill>
                                        <RadialGradientBrush GradientOrigin='.2,.2'>
                                            <GradientStop  Offset='0.2'  Color='White' />
                                            <GradientStop  Color='{Binding c}'  Offset='0.8'/>
                                        </RadialGradientBrush>
                                    </Ellipse.Fill>
                                </Ellipse>
                            </Grid>
                        </ControlTemplate>
                    </Button.Template>
                </Button>
            </StackPanel>

        </ScrollViewer>
    </Grid>

</navigation:Page>
